@base : #0066b1;
@base-hover: rgba(178, 219, 255, 0.23);
@cur-pointer: pointer;
@icon-fa: "icon-mobilemode";
@op-9: 0.9;

.mob-btn {
  border: 1px solid @base;
  color: @base;
  background: #fff;
  padding: 4px 10px;
  border-radius: 3px;
  font-size: 11px;
  text-align: center;
  display: inline-block;
  cursor: @cur-pointer;
  outline: none;
  box-sizing: border-box;
  &:hover { opacity: @op-9;}
  &.fill {
    background: @base;
    color: #fff;
  }
}

.mob-container {
  font: 12px/1 Microsoft YaHei,Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;
  padding: 15px 0 0px 20px;
  min-width: 700px;
  height: 100%;
  .ant-form-item-label {
    padding-left: 0 !important;
    text-align: right !important;
  }
  .ant-tag-blue{ border: 1px solid transparent;}
  .ant-input { padding-left: 8px;}
  .mob-header {
    margin: 0 20px 0 0;
    position: relative;
    .mob-content {
      border-bottom: 1px solid #d9d9d9;

      img {
        width: 60px;
        height: 60px;
        margin-right: 8px;
        display: inline-block;
      }
      &>div {
        display: inline-block;
        vertical-align: top;
      }
      h3 {
        padding: 6px 0;
        font-size: 22px;
        font-weight: normal;
      }
    }
  }
  .mob-options {
    position: absolute;
    right: 0;
    top: 33px;
    .app-create span:before {
        content: "\e729";
        padding-right: 5px;
        line-height: 1;
        font-family: @icon-fa;
    }
    button:nth-child(2) { margin: 0 5px;}
  }
}